<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>登录</title>
    <link rel="stylesheet" href="css/login.css"/>
    <style>
        body {
            font-family: 'Lucida Grande', 'Helvetica', sans-serif;
        }

    </style>
    <script>
        //自定义弹框
        function Toast(msg, duration) {
            duration = isNaN(duration) ? 3000 : duration;
            var m = document.createElement('div');
            m.innerHTML = msg;
            m.style.cssText = "width:60%; min-width:150px; background:#000; opacity:0.6; height:40px; color:#fff; line-height:40px; text-align:center; border-radius:5px; position:fixed; top:83%; left:20%; z-index:999999; font-weight:bold;";
            document.body.appendChild(m);
            setTimeout(function () {
                var d = 0.5;
                m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
                m.style.opacity = '0';
                setTimeout(function () {
                    document.body.removeChild(m)
                }, d * 1000);
            }, duration);
        }
    </script>
</head>
<body>
<div class="login_bg">
    <div style="background-size: 100%;border-radius: 100%;margin: 20% auto; width: 100px;height: 100px;">
        <img width="300" height="100" src="/images/logo1.png">
    </div>
    <img src="">
    <a class="zhmalogin" style="color:#3283da;font-size:12px; position: relative;left:90px;display: block;">账号密码登陆</a>
    <a class="sjhlogin" style="color:#3283da;font-size:12px; position: relative;left:90px;display: none;">手机号登陆</a>
    <!-- 手机号登陆 -->
    <form class="form1" style="display: block">
        <div class="userName">
            <lable>手机号</lable>
            <input type="text" name="phone" placeholder="请输入手机号"
                   pattern="^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$" required/>
        </div>
        <div class="passWord">
            <lable>密码</lable>
            <input class="code" type="text" name="code" placeholder="请输入密码" pattern="[0-9]{6}" required/>
            <input class="message_btn" type="button" onclick="settime(this)" value="获取短信密码"/>
        </div>
        <button class="login_btn" type="button" onclick="login()">登录</button>

    </form>


    <!-- 账号密码登陆 -->
    <form class="form2" style="display: none">
        <div class="userName">
            <lable>手机号</lable>
            <input type="text" class="merphone" name="merchantsPhone" placeholder="请输入手机号" required/>
        </div>
        <div class="passWord">
            <lable>密码</lable>
            <input class="code merpwd" type="password" name="merchantsPwd" placeholder="请输入密码" required/>
        </div>
        <button class="login_btn" type="submit">登录</button>
    </form>

    <br>
    <div class="other_login">
        <span>点击登录按钮代表您已同意用户协议和隐私政策</span>
    </div>
</div>
<script type="text/javascript" src="/js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="/shop/js/shop_login.js"></script>
<script type="text/javascript" src="/js/layer-bq.js"></script>
</body>
</html>